<template>
    <div class='app-register'>
        <header>
             <div class='back'
               @click='back'
             >
                <img src='https://jp.juancdn.com/jpwebapp_v1/images_v1/user/arrow_black.png?578e3149-1&sv=449ce9ee'>
            </div>

            <div class='title'>
                <span>注册</span>
            </div>
        </header>
        <main>
            <p class="reg-notice">请确保你的手机畅通，用于接收验证码短信</p>
            <Inputphone/>
            <a id="btn-code" href="javascript:;" class="codeBtn disable-btn">下一步</a>
        </main>
    </div>
</template>
<script>
import Inputphone from 'components/commons/input-phone.vue'
export default {
    components:{
        Inputphone
    },
    methods:{
        back(){
            this.$router.back()
        }
    },
}
</script>
<style lang="stylus" scoped>
.app-register
    height 100%
    background #fff
    header
        height .88rem
        line-height .88rem
        font-size .36rem
        width 100%
        overflow inherit
        position relative
        border-bottom 1px solid #dedede
        background #fff
        text-align center
        .back
            width 50px
            height 50px
            padding 20px
            left 0
            top 0
            position absolute
            img
                width 100%
                height 100%
    main
        padding 0 .24rem
        text-align center
        
        .reg-notice
            margin-bottom .2rem
            margin-top .56rem
            line-height .30rem
            font-size .24rem
            color #999
        .codeBtn
            height .96rem
            line-height .96rem
            font-size .36rem
            margin-top .50rem
            display block
            background #dbdbdb
            color #fff
</style>